<link rel="stylesheet" href="<%- Virtual_Path.Static %>main/css/lib/bootstrap/css//bootstrap.min.css"/>
<link rel="stylesheet" href="<%- Virtual_Path.Static %>main/css/lib/bootstrap/css/bootstrap-theme.min.css"/>
<link rel="stylesheet" href="<%- Virtual_Path.Static %>main/css/entry-apply.css"/>

<div class="xiu-container">
    <div class="apply-wrap" id="j-yr-apply">
        <h1 class="app-tit">公会申请入驻</h1>
        <!--进度步骤导航-->
        <div class="apply-step family-apply-step clearfix">
            <ul class="progress-step-nav">
                <li><a href="javascript:;"><i>1</i>创造条件</a></li>
                <li><a href="javascript:;"><i>2</i>个人资料</a></li>
                <li><a href="javascript:;"><i>3</i>财务信息</a></li>
                <li class="active"><a href="javascript:;"><i>4</i>完成</a></li>
            </ul>
        </div>

        <!-- 进度步骤-->
        <div class="progress-step-cont">
            <div class="step-cont-outer">
                <div class="step-cont-inner">
                    <div class="step-cont-mod step-3">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <div class="col-xs-10 form-group">
                                    <div class="studio-tab j-studio-tab active" style="display: block;">
                                        <div class="pic-main">
                                            <div class="x-group uploadimg-pic">
                                                <button class="btn-button btn-uploadimg">上传图片</button>
                                            </div>
                                            <div class="x-group uploadimg-show">
                                                <img src="<%- Virtual_Path.Static %>main/image/_temp/avator/01.jpg">
                                                <span class="avatar-mask"></span>
                                                <span class="over-mask"></span>
                                                <div class="upload-progress-bar">
                                                    <p class="progress-bar-num">80%</p>
                                                    <div class="progress-bar-inner">
                                                        <div style="width: 50%;" class="progress-bar-current"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="x-group x-group-btn tc">
                                                <button class="btn-button btn-button-1">保 存</button>
                                            </div>
                                        </div>
                                        <div class="pic-aside">
                                            <div class="pic-example">
                                                <ul class="clearfix">
                                                    <li>
                                                        <img src="<%- Virtual_Path.Static %>main/image/_temp/exmple/anchor/01.jpg">
                                                        <i class="right"></i>
                                                    </li>
                                                    <li>
                                                        <img src="<%- Virtual_Path.Static %>main/image/_temp/exmple/anchor/02.jpg">
                                                        <i class="wrong"></i>
                                                    </li>
                                                    <li>
                                                        <img src="<%- Virtual_Path.Static %>main/image/_temp/exmple/anchor/03.jpg">
                                                        <i class="wrong"></i>
                                                    </li>
                                                    <li>
                                                        <img src="<%- Virtual_Path.Static %>main/image/_temp/exmple/anchor/04.jpg">
                                                        <i class="wrong"></i>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="pic-tips">
                                                <h3>通过规则：</h3>
                                                <p> 1、必须使用本人照片400*400（长／宽），尽量使用高清照片。
                                                    <br> 2、照片中任务至少上半身二分之一以上入境。
                                                    <br> 3、背景尽量唯美或简介，突出人物面部，人物居中最佳。
                                                    <br> 4、不要拼接照片。
                                                    <br> 5、尽量使用化妆上镜照，注意远近景适中。
                                                    <br> 6、上传照片要填满上传框，四边不允许出现白边和黑边。
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-8 form-group">
                                    <div class="col-sm-offset-2 col-sm-10">
                                        <button type="button" class="btn btn-default" id="step-s32">完成</button>
                                    </div>
                                </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $("#step-s32").on("click", function () {
        var url = "/entry/family/step_5";
        location.href = url;
    });
</script>